template_head = """<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
background: url(https://s2.loli.net/2022/03/13/y7YazKMp6n1Egk4.png) top center;
text-align: center;
color: red;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.5);
}
li {
float: left;
display: block;
color: white;
text-align: center;
padding: 10px 10px;
background-color: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
li {
float: none;
padding: 5px;
color: grey;
background-color: rgba(255, 255, 255, 0.4);
}
}
a:visited {
color: green;
}
button, .btn {
border-radius: 10px;
font-size: 15px;
background-color: dodgerblue;
color: white;
border: 1px solid white;
}
input {
border-radius: 5px;
font-size: 15px;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid deepskyblue;
}
select {
border-radius: 5px;
background-color: lightskyblue;
border: 1px solid skyblue;
}
</style>
</head>
<body>
<nav>
<ul>
<li>barman吧务后台</li>
<li><a href="/u">用户管理</a></li>
<li><a href="/p">贴子管理</a></li>
<li><a href="/">返回首页</a></li>
</ul>
</nav>"""

template_tail = """</body>
</html>"""

index_page = """
<h1>首页</h1>
<p>欢迎使用barman吧务后台</p>
<p>请点击上方导航栏内的条目以使用具体功能</p>
<p>或者在此处进行后台设置</p>
<br>
<p><a href="#" onclick="stoken()">设置BDUSS</a></p>
<p><a href="/log">查看日志</a></p>
<br>
<p>本程序由贴吧@sciencesystem开发，如果遇到问题欢迎来问</p>
<p><del>虽然我也不一定知道</del></p>
<script>
function stoken() {
var token = prompt("输入你的BDUSS（获取方法自行搜索）");
if (token !== null) {
fetch('/api/tk', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ 'tok': token })
}).then(r => r.json())
.then((m) => { alert(`设置成功，当前BDUSS为\\n${m['tok']}`); })
.catch(() => { alert("未知错误"); });
}
}
fetch(`/api/id?t=${new Date().getTime()}`).then(r => r.json())
.then((m) => {
if (m['set'] != true) stoken();
});
</script>
"""


user_page = """
<h1>用户管理</h1>
<p><a href="u/ban">封禁用户</a></p>
<p><a href="u/loop">循环封禁</a></p>
"""

u_ban = """
<h1>封禁用户</h1>
<form action="/api/u_ban" method="post">
<p>输入用户名：</p>
<p><input type="text" id="un" name="un"></p>
<p>输入封禁贴吧：</p>
<p><input type="text" id="tb" name="tb"></p>
<p>选择封禁时间：</p>
<p><select id="tp" name="tp">
<option value="1">1天</option>
<option value="2">2天</option>
<option value="3">3天</option>
<option value="4">4天</option>
<option value="5">5天</option>
<option value="6">6天</option>
<option value="7">7天</option>
<option value="8">8天</option>
<option value="9">9天</option>
<option value="10">10天</option>
</select></p>
<p><input type="submit" value="封禁" class="btn"></p>
</form>
"""

u_loop = """
<h1>循环封禁</h1>
<form action="/api/u_loop" method="post">
<p>输入用户名：</p>
<p><input type="text" id="un" name="un"></p>
<p>输入封禁贴吧：</p>
<p><input type="text" id="tb" name="tb"></p>
<p>选择循环封禁类型：</p>
<p><select id="tp" name="tp">
<option value="0">10日循环</option>
<option value="1">1日循环</option>
<option value="2">3日循环</option>
</select></p>
<p><input type="submit" value="启动循环封禁" class="btn"></p>
</form>
"""


post_page = """
<h1>贴子管理</h1>
<p><a href="p/del">删除贴子</a></p>
"""

p_del = """
<h1>删除贴子</h1>
<form action="/api/p_del" method="post">
<p>输入贴子链接：</p>
<p><input type="text" id="link" name="link"></p>
<p>是否进行屏蔽：</p>
<p><select id="mask" name="mask">
<option value="0">删贴</option>
<option value="1">屏蔽</option>
</select></p>
<p><input type="submit" value="删贴" class="btn"></p>
</form>
"""
